import React,{Component} from 'react'
import { Button ,Input ,List} from 'antd';
import {List} from "antd/lib/list";

class TodoListUI extends Component{
    render() {
        return (
            <div>
                <Input
                    placeholder="Basic usage" style={{width:300}}
                    onChange={this.props.inputChange}
                    value = {this.props.inputValue}
                />
                <Button type="primary" onClick={this.props.buttonAddClick}>Primary</Button>
                <List
                    bordered
                    dataSource={this.state.list}
                    renderItem={(item,index) => (<List.Item onClick={() => {this.props.listDtlClick(index)}}>{item}</List.Item>)}
                />
            </div>
        )
    }
}
export default TodoListUI;